page {
	background-color: #f2f2f2;
	font-size: 24rpx;
	color: #211f20;
}
view,
text {
	box-sizing: border-box;
}

.boxbuttom {
	padding: 0 20rpx;
	height: 60rpx;
	line-height: 60rpx;
	border-radius: 8rpx;
	background-color: #fff;
	font-size: 24rpx;
}

.m-card {
	padding: 20rpx;
	background-color: #fff;
	border-radius: 10rpx;
}
.m-margin {
	margin: 20rpx 30rpx 0;
}
.m-m-20 {
	margin: 20rpx 20rpx 0;
}
.m-flex-no {
	flex-shrink: 0;
}
.m-mg-lr {
	margin-left: 30rpx !important;
	margin-right: 30rpx !important;
}
.m-mg-lr-20 {
	margin: 0 20rpx;
}
.m-font-b {
	font-weight: bold;
}
// 浅橘黄色
.m-c-o {
	color: #daaf7f;
}
// 浅橘黄色背景
.m-bg-o {
	background-color: #f7eee4;
}
// 白色背景
.m-bg-w {
	background-color: #fff;
}

// 绿色
.m-c-g {
	color: #0e5642 !important;
}
.m-b-ro-20 {
	border-radius: 20rpx;
}
// 浅灰
.m-c-h {
	color: #acacac;
}
.m-line-1 {
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box; // 弹性伸缩盒
	-webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
	-webkit-line-clamp: 1;
}
// 浅灰
.m-c-h1 {
	color: #5a5a5a;
}
.m-c-9e {
	color: #9e9e9e;
}
.m-c-1a {
	color: #1a1a1a;
}
.m-c-w {
	color: #fff;
}
.m-c-r {
	color: #f36404;
}
.m-b-x {
	border: 2rpx dashed #5a5a5a;
}
/* 默认阴影 */
.m-b-s {
	box-shadow: 0 6rpx 80rpx 10rpx rgba(166, 166, 166, 0.1);
}
/* 默认小阴影 */
.m-b-s-s {
	box-shadow: 0 6rpx 20rpx 4rpx rgba(166, 166, 166, 0.1);
}
.list-text {
	font-size: 24rpx;
	color: #999;
	display: flex;
}
.m-pf {
	font-size: 18rpx;
	align-self: flex-start;
}
// 底部功能按钮
.nav-b {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 100rpx;
	display: flex;
	z-index: 4;
	justify-content: space-between;
	background-color: #fff;
}
.m-flex-y {
	display: flex;
	flex-direction: column;
}
.m-avatar {
	width: 120rpx;
	height: 120rpx;
	border-radius: 120rpx;
	overflow: hidden;
}
.m-h-100 {
	height: 100rpx;
}
.w_100 {
	width: 100%;
}
.m-fixed {
	position: fixed;
	width: 100%;
	height: 60rpx;
	display: flex;
	background-color: #fff;
	padding: 10rpx;
	top: var(--status-bar-height);
	left: 0;
}
.list-stretch {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m-text-align {
	text-align: center;
}
.xu-list {
	height: 40rpx;
	line-height: 40rpx;
	padding: 0 10rpx;
	background-color: #eee;
	font-size: 20rpx;
	color: #5a5a5a;
}
.video {
	width: 100%;
}
.share-btn {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	background-color: red;
}
.cxbj {
	color: #576a96;
}
.height-120 {
	height: 120rpx !important;
}
/* 灰色按钮 */
.m-btn-g {
	height: 90rpx;
	line-height: 90rpx;
	border-radius: 90rpx;
	color: #fff;
	background-color: #e5e5e5;
	letter-spacing: 10rpx;
	text-align: center;
	font-size: 36rpx;
}
.m-btn {
	height: 90rpx;
	line-height: 90rpx;
	border-radius: 90rpx;
	color: white;
	background-color: #0e5642;
	letter-spacing: 10rpx;
	text-align: center;
	font-size: 36rpx;
}
.fixed-box {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: calc(55px + constant(safe-area-inset-bottom));
	height: calc(55px + env(safe-area-inset-bottom));
	border-top: 2rppx solid #ededed;
	background-color: #fff;
	padding-bottom: 0;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	z-index: 9999;
}
.m-t-c {
	text-align: center;
}
.m-btn-g2 {
	background-color: #0e5642;
	border-radius: 100rpx;
	color: #fff;
	text-align: center;
	margin: auto;
}
.m-c-a0 {
	color: #a0a0a0;
}
.search-top {
	width: 320rpx;
}

